<template>
  <view class="page flex-col">
    <view class="block_1 flex-row">
      <text class="text_1">9:41</text>
      <image
        class="thumbnail_1"
        referrerpolicy="no-referrer"
        src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng1be20f0eced1f466b6b4dc3a981fc6b52a4b9cf391debed94bcf2e01f7c38668"
      />
      <image
        class="thumbnail_2"
        referrerpolicy="no-referrer"
        src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb3bbe96fea0140cfc24043ebc96677b3c6566f6cd0b99cb137439fb58271c764"
      />
      <image
        class="image_1"
        referrerpolicy="no-referrer"
        src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPnga05957db16243a63d7c74f823baeb36bbafa63e1b3e30902724223c367fb5eeb"
      />
    </view>
    <view class="block_2 flex-row">
      <image
        class="thumbnail_3"
        referrerpolicy="no-referrer"
        src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng0ff85b1d023fb853b800e61eec925f2200bc49b83ccda17ebbcacd39f273e182"
      />
      <text class="text_2">服务经理</text>
      <view class="image-wrapper_1 flex-row justify-between">
        <image
          class="thumbnail_4"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb04b146924e9f28adf13e30b1cc0c6bf28c2417000a30737acedf3e738b87b1a"
        />
        <image
          class="thumbnail_5"
          referrerpolicy="no-referrer"
          src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/ba493145cd2448f6bcced766caed5e46_mergeImage.png"
        />
      </view>
    </view>
    <view class="block_3 flex-col">
      <view class="image-text_1 flex-row justify-between">
        <view class="group_1 flex-col">
          <view class="block_4 flex-col"></view>
        </view>
        <view class="text-group_1 flex-col">
          <view class="text-wrapper_1 flex-row justify-between">
            <text class="text_3">陈女士</text>
            <text class="text_4">｜回收顾问</text>
          </view>
          <text class="text_5">专业在线1V1帮您解决回收疑问</text>
        </view>
      </view>
      <view class="section_1 flex-col">
        <text class="text_6">长按二维码识别添加微信，随时为您服务</text>
        <image
          class="image_2"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng48d0bb7cb93890a610da2c49f0d5c8a7fcce236fb29f603107bc8af9e280c4dc"
        />
        <view class="box_1 flex-row justify-between">
          <image
            class="thumbnail_6"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPnga67748c6e96ffe27c3f3328e1e16e86c79764ced915252d30cf12b9fc4f1bf4b"
          />
          <text class="text_7">拨打电话：13602418810</text>
        </view>
        <image
          class="image_3"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngc02bf4246c60eae6cf38e365fffda7dda3d6977032dff7c7c07e413b54779a96"
        />
        <text class="text_8">
          —&nbsp;请添加售后经理联系方式为您提供如下服务&nbsp;—
        </text>
        <view class="box_2 flex-row justify-between">
          <view class="image-text_2 flex-col">
            <image
              class="label_1"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng09d766c8b6e4b58daa181f1f87b0f474cd110ea23c021b3004606cf89b44c41b"
            />
            <text class="text-group_2">支付问题</text>
          </view>
          <view class="image-text_3 flex-col">
            <image
              class="label_2"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng98c45d783143cf83de8f6bd221c5d438eebfe9425757929583c33779efaae241"
            />
            <text class="text-group_3">售后问题</text>
          </view>
          <view class="group_2 flex-col">
            <view class="text-wrapper_2 flex-col">
              <text class="text_9">？</text>
            </view>
            <text class="text_10">专业解答</text>
          </view>
        </view>
        <view class="box_3 flex-col"></view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {},
    };
  },
  methods: {},
};
</script>
<style>
.page {
  background-color: rgba(246, 247, 249, 1);
  position: relative;
  width: 750rpx;
  height: 1624rpx;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 296rpx;
}

.block_1 {
  background-color: rgba(255, 255, 255, 1);
  padding: 28rpx 28rpx 24rpx 42rpx;
}

.text_1 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 30rpx;
  letter-spacing: -0.30000001192092896px;
  font-family: SFProText-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 36rpx;
}

.thumbnail_1 {
  width: 34rpx;
  height: 22rpx;
  margin: 8rpx 0 6rpx 438rpx;
}

.thumbnail_2 {
  width: 30rpx;
  height: 22rpx;
  margin: 6rpx 0 8rpx 10rpx;
}

.image_1 {
  width: 50rpx;
  height: 24rpx;
  margin: 6rpx 0 6rpx 10rpx;
}

.block_2 {
  background-color: rgba(255, 255, 255, 1);
  padding: 12rpx 14rpx 12rpx 34rpx;
}

.thumbnail_3 {
  width: 16rpx;
  height: 30rpx;
  margin: 18rpx 0 16rpx 0;
}

.text_2 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 36rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 50rpx;
  margin: 8rpx 0 0 256rpx;
}

.image-wrapper_1 {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 16px;
  width: 174rpx;
  border: 0.5px solid rgba(0, 0, 0, 0.08);
  margin-left: 112rpx;
  padding: 6.1rpx 11.1rpx 6.1rpx 12.1rpx;
}

.thumbnail_4 {
  width: 36rpx;
  height: 12rpx;
  margin: 12rpx 0 12rpx 0;
}

.thumbnail_5 {
  width: 36rpx;
  height: 36rpx;
  border: 2px solid rgba(0, 0, 0, 1);
}

.block_3 {
  background-color: rgba(255, 243, 220, 1);
  border-radius: 12px;
  width: 686rpx;
  border: 1px solid rgba(255, 255, 255, 1);
  align-self: center;
  margin-top: 32rpx;
  padding: 32rpx 0 2rpx 0;
}

.image-text_1 {
  width: 432rpx;
  margin: 0 218rpx 0 36rpx;
}

.group_1 {
  border-radius: 50%;
  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/2a60eacdfb1a4a1b9e67f6d93115b3a2_mergeImage.png);
  border: 1.5px solid;
  margin: 2rpx 0 4rpx 0;
}

.block_4 {
  width: 26rpx;
  height: 26rpx;
  border: 1px solid rgba(255, 255, 255, 1);
  background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/c24ab9ef6c13490d923321cb62169268_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin: 56rpx -2rpx -2rpx 56rpx;
}

.text-group_1 {
}

.text-wrapper_1 {
  width: 234rpx;
  margin-right: 90rpx;
}

.text_3 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 32rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44rpx;
}

.text_4 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 26rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 36rpx;
  margin-top: 4rpx;
}

.text_5 {
  overflow-wrap: break-word;
  color: rgba(173, 165, 149, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 34rpx;
  margin-top: 8rpx;
}

.section_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 12px;
  position: relative;
  margin-top: 32rpx;
  padding: 48rpx 32rpx 48rpx 32rpx;
}

.text_6 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 40rpx;
  margin: 0 58rpx 0 60rpx;
}

.image_2 {
  width: 388rpx;
  height: 388rpx;
  align-self: center;
  margin-top: 26rpx;
}

.box_1 {
  width: 378rpx;
  margin: 74rpx 120rpx 0 124rpx;
}

.thumbnail_6 {
  width: 34rpx;
  height: 34rpx;
  margin: 4rpx 0 4rpx 0;
}

.text_7 {
  overflow-wrap: break-word;
  color: rgba(255, 170, 0, 1);
  font-size: 30rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 42rpx;
}

.image_3 {
  width: 622rpx;
  height: 2rpx;
  margin-top: 74rpx;
}

.text_8 {
  overflow-wrap: break-word;
  color: rgba(167, 171, 178, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 34rpx;
  margin: 48rpx 50rpx 0 52rpx;
}

.box_2 {
  width: 554rpx;
  align-self: center;
  margin-top: 48rpx;
}

.image-text_2 {
}

.label_1 {
  width: 44rpx;
  height: 44rpx;
  align-self: center;
}

.text-group_2 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 34rpx;
  margin-top: 14rpx;
}

.image-text_3 {
}

.label_2 {
  width: 44rpx;
  height: 44rpx;
  align-self: center;
}

.text-group_3 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 34rpx;
  margin-top: 14rpx;
}

.group_2 {
}

.text-wrapper_2 {
  border: 1px solid rgba(51, 51, 51, 1);
  align-self: center;
  width: 44rpx;
  padding: 0 0 4rpx 14rpx;
}

.text_9 {
  overflow-wrap: break-word;
  color: rgba(255, 170, 0, 1);
  font-size: 28rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 40rpx;
}

.text_10 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 34rpx;
  margin-top: 12rpx;
}

.box_3 {
  border-radius: 25px;
  position: absolute;
  left: 54rpx;
  top: 550rpx;
  width: 578rpx;
  height: 96rpx;
  border: 0.5px solid rgba(255, 170, 0, 1);
}

</style>
